<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商城首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="mallless/reset.css" />
		<link rel="stylesheet" href="vue/swiper/swiper.min.css" />
		<link rel="stylesheet" href="mallless/css.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<div class="gz-header">
				<div class="gz-header-back"><i class="chat_hed_icon" @click="mui.back()"><img src="images/backicon@3x.png" /></i></div>
				<div class="gz-text-center mui-ellipsis" style="color: #fff;overflow: hidden;">{{goods.goods_name}}</div>
				<div class="gz-text-right">
					<!--<i class="chat_hed_icon"><img src="../static/images/chat_more.png"></i>-->
				</div>
			</div>
			<div class="gz-scroller" style="bottom: 58px;">
				<scroller delegate-id="myScroller">
					<div class="shopview">
						<div class="rt-banner">
							<div class="swiper-container">
								<div class="swiper-wrapper">
									<div class="swiper-slide" v-for="(item,index) in goods_images" :key="index"><img :src="item.image_url" /></div>
									
								</div>
								<!-- Add Pagination -->
								<div class="swiper-pagination"></div>
							</div>
						</div>
						<div class="shoptitle">
							<div class="title">{{goods.goods_name}}</div>
							<div class="shopir">
								<span>¥{{goods.shop_price}}</span>
								<em><font lang>快递费</font>：{{goods.shipping_price}} &nbsp;&nbsp;  <font lang>库存</font>：{{goods.store_count}}</em>
							</div>
						</div>
						<div class="shopinfo">
							<p style="color: #000;">
								{{goods.goods_remark}}
							</p>
							<img v-for="(item,index) in goods_detail_images" :key="index" :src="item.image_url" />
						</div>
					</div>
				</scroller>
				<div class="shoptabbar">
					<div class="tabbaricon">
						<i class="icon" @click="openstore()"><img src="images/home@3x.png"/></i>
						<i class="icon" style="padding-top: 20px;" @click="callTel()"><img src="images/kefu.png"/></i>
					</div>
					<div class="tabbarbut">
						<div class="but-l" @click="addcar(goods)" lang>加入购物车</div>
						<div class="but-r" @click="gobuy()" lang>立即购买</div>
					</div>
				</div>
			</div>

		</div>
		<script src="../js/mui.min.js"></script>
		<script src="./vue/vue.min.js"></script>
		<script src="../js/config.js"></script>
		<script src="../js/common.js"></script>
		<script src="./vue/swiper/swiper.min.js"></script>
		<script src="./vue/vue-scroller.min.js"></script>
		<script src="view.js"></script>
		<script src="lang/ordlist.js"></script>
	</body>

</html>